.bg {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../../assets/scss/pageBg.png");
  background-size: cover;
  background-position: center center;
}

.container {
  position: relative;
  /* 父容器设置为相对定位 */
  display: flex;
  justify-content: space-between;
  align-self: start;
  top: 20px;
  margin-left: 20px;
}

.head-title {
  position: absolute;
  top: -40px;
  /* 设置标题距离顶部的距离 */
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: url("../../assets/scss/dataScreen-header-center-bg.png") no-repeat;
  background-size: 100% 100%;
  color: rgb(39, 168, 219);
  font-size: 28px;
  z-index: 1;
  /* 确保在背景图上方显示 */
}

.time-display {
  position: absolute;
  top: -40px;
  /* 设置时间显示距离顶部的距离 */
  left: 5;
  right: 5;
  padding: 10px;
  color: rgb(39, 168, 219);
  background: url("../../assets/scss/dataScreen-header-left-bg.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  /* 确保在背景图上方显示 */
}

.left-section {
  display: flex;
  flex-direction: column;
  width:100%;
  margin-right: 0;
  margin-top: 20px;
  /* 添加一些顶部边距以与标题分隔开 */

  .chart-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .dv-border-box-12 {
    padding-top: 20px;
    /* 或者其他合适的数值 */
  }

  .line-chart-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}

.middle-section {
  width: 100%;
  /* 占满整个宽度 */
  margin-top: 20px;
  /* 添加一些顶部边距以与标题分隔开 */
  display: flex;
  justify-content: center;
  flex-direction: column;
  /* 设置flex布局为纵向排列 */
  align-items: flex-start;
  margin-left:0;

  /* 重置margin-left为0 */
  .chart-box {
    width: 100%;
    height: 100%;
    position: relative;
    /* 设置相对定位 */
    align-items: center;
  }

  .dv-border-box-12 {
    padding-top: 20px;
    /* 或者其他合适的数值 */
  }

  .map {
    width: 100%;
    height: 80%;
    margin-top: 90px;
  }

  .number-chart {
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: bottom;
    /* 水平居中 */
    align-items: flex-end;
    /* 垂直靠上 */
  }
}

.right-section {
  width: 100%;
  margin-top: 20px;
  /* 添加一些顶部边距以与标题分隔开 */
  flex-direction: column;
  display: flex;
  justify-content: center;
  margin-left: 0;
}